import { AppRouteModule } from '@/router/types'
import type { MenuModule, Menu, AppRouteRecordRaw } from '@/router/types'
import { findPath, treeMap } from '@/utils/helper/treeHelper'
import { cloneDeep } from 'lodash-es'
import { getOutsideUrl } from '@/utils/is'
import { RouteParams } from 'vue-router'
import { toRaw } from 'vue'

export function getAllParentPath<T = Recordable>(treeData: T[], path: string) {
  const menuList = findPath(treeData, (n) => n.path === path) as Menu[]
  return (menuList || []).map((item) => item.path)
}

/**
 * 路径处理
 */
function joinParentPath(menus: Menu[], parentPath = '') {
  for (let index = 0; index < menus.length; index++) {
    const menu = menus[index]
    // 请注意，以 / 开头的嵌套路径将被视为根路径。这允许你利用组件嵌套，而无需使用嵌套 URL。
    if (!(menu.path.startsWith('/') || getOutsideUrl(menu.path))) {
      // 路径不以 / 开头，也不是外部打开的路径，加入父路径
      menu.path = `${parentPath}/${menu.path}`
    }
    if (menu?.children?.length) {
      joinParentPath(menu.children, menu.meta?.hidePathForChildren ? parentPath : menu.path)
    }
  }
}

/**
 * 解析菜单模块
 */
export function transformMenuModule(menuModule: MenuModule): Menu {
  const { menu } = menuModule
  const menuList = [menu]

  joinParentPath(menuList)
  return menuList[0]
}

/**
 * 将路由转换成菜单
 */
export function transformRouteToMenu(routeModList: AppRouteModule[], routerMapping = false) {
  // 借助 lodash 深拷贝
  const cloneRouteModList = cloneDeep(routeModList)
  const routeList: AppRouteRecordRaw[] = []
  // 对路由项进行修改
  cloneRouteModList.forEach((item) => {
    if (routerMapping && item.meta.hideChildrenMenu && typeof item.redirect === 'string') {
      item.path = item.redirect
    }

    if (item.meta?.single) {
      const realItem = item?.children?.[0]
      realItem && routeList.push(realItem)
    } else {
      routeList.push(item)
    }
  })
  // 提取树指定结构
  const list = treeMap(routeList, {
    conversion: (node: AppRouteRecordRaw) => {
      const { meta: { title, hideMenu = false } = {} } = node
      return {
        ...(node.meta || {}),
        meta: node.meta,
        targetOutside: node.targetOutside,
        fullScreen: node.fullScreen,
        name: title,
        hideMenu,
        path: getPath(node),
        ...(node.redirect ? { redirect: node.redirect } : {}),
      }
    },
  })
  // 路径处理
  return cloneDeep(list)
}

/**
 * config menu with given params
 */
const menuParamRegex = /:([\s\S]+?)((?=\/)|$)/g

export function configureDynamicParamsMenu(menu: Menu, params: RouteParams) {
  const { path, paramPath } = toRaw(menu)
  let realPath = paramPath ? paramPath : path
  const matchArr = realPath.match(menuParamRegex)

  matchArr?.forEach((it) => {
    const realIt = it.substr(1)
    if (params[realIt]) {
      realPath = realPath.replace(`:${realIt}`, params[realIt] as string)
    }
  })
  // save original param path.
  if (!paramPath && matchArr && matchArr.length > 0) {
    menu.paramPath = path
  }
  menu.path = realPath
  // children
  menu.children?.forEach((item) => configureDynamicParamsMenu(item, params))
}

/**
 * 获取菜单路径
 * @param node
 */
function getPath(node: AppRouteRecordRaw) {
  // 是否从外部打开
  let path = node.path
  if (node?.targetOutside) {
    path = `outside://${node.path}`
  }
  // 全屏打开
  if (node?.fullScreen) {
    if (getOutsideUrl(node.path)) {
      path = `${node.path}?onlytab=1&__full__`
    } else {
      path = `outside://${node.path}?onlytab=1&__full__`
    }
  }
  //
  node.path = '/'
  return path
}
